<?php
/**
 * Css
 */
$css1 = array(
    array("library/twitterboopstrap/css/bootstrap.min.css", false)
);

$css2 = array(
    array("library/jqueryui/css/ui-lightness/jquery-ui-1.8.21.custom.css", true),
    array("library/twitterboopstrap/css/bootstrap-responsive.css", true),
    array("library/tablesort/css/style.css", true),
    array("library/datatables/media/css/bootstrap.css", true)
);
/**
 * Javascripts
 */
$js1 = array(
    array("library/jquery/jquery.min.js", true),
    array("library/twitterboopstrap/js/bootstrap.min.js", true),
    array("library/inputmask/jquery.maskedinput-1.3.min.js", true),
    array("library/validate/jquery.validate.pt-Br.js", true),
    array("library/validate/jquery.validate.cnpj.pt-Br.js", true),
    array("library/tablesort/js/jquery.tablesorter.min.js", true),
    array("library/jqueryui/js/jquery-ui-1.8.21.custom.min.js", true),
    array("library/datatables/media/js/jquery.dataTables.js", true),
    array("library/datatables/media/js/bootstrap.js", true),
    array("js/util.js", true),
    array("js/index.js", true),
    array("js/produto.js", true),
    array("js/usuario.js", true),
    array("js/venda.js", true),
    array("js/promocao.js", true),
    array("js/downloads.js", true)
);

use br\com\cf\library\core\cache\Cache;
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title><?php print(CF_APP_NAME); ?></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=10.0">
        <meta name="description" content="Hello World - Cerberos Framework">
        <meta name="author" content="Michael Fernandes Rodrigues">

        <?php Cache::factory()->css($css1)->output()->clean(); ?>       

        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
                background-image: url('<?php print($this->background); ?>');
            }
            .hero-unit{
                background-color: #fff;
            }
            .btn16{
                width: 16px;
                height: 16px;
                cursor: pointer;
            }
            #message-box{
                z-index: 999999;
            }
            #modal-edit{
                z-index: 888888;
            }
            #message-box,#modal-edit{
                display: none;
            }
            #loaging-content-container{
                z-index: 777777;
                position: absolute;
                top: 10px;
                right: 5px;
            }

            #score-time{
                z-index: 777777;
                position: relative;
                top: 35px;
                right: 5px;
            }
        </style>

        <?php Cache::factory()->css($css2)->output()->clean(); ?> 

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <?php Cache::factory()->js($js1)->output()->clean(); ?> 

    </head>

    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <div class="nav-header">
                        <ul class="nav">
                            <li class="active"><a href="#"><?php print("Olá, {$this->nm_usuario}"); ?></a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuários <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/usuario/formCreate" href="#">Novo Usuário (Cliente/Administrador)</a></li>
                                    <li><a class="linkcontent" value="/usuario/list" href="#">Listar Todos Usuários</a></li>
                                    <li><a class="linkcontent" value="/usuario/listAdministrador" href="#">Listar Administradores</a></li>
                                    <li><a class="linkcontent" value="/usuario/listCliente" href="#">Listar Clientes</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Produtos <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/produto/formCreate" href="#">Novo Produto</a></li>
                                    <li><a class="linkcontent" value="/produto/list" href="#">Listar Produtos</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Vendas <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/venda/formCreate" href="#">Registrar Venda</a></li>
                                    <li><a class="linkcontent" value="/venda/list" href="#">Listar Vendas</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Promoção <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/promocao/formCreate" href="#">Nova Promoção</a></li>
                                    <li><a class="linkcontent" value="/promocao/formAttachProduto" href="#">Vincular Produto à Promoção</a></li>
                                    <li><a class="linkcontent" value="/promocao/listUnAttachProduto" href="#">Desvincular Produto de Promoção</a></li>
                                    <li><a class="linkcontent" value="/promocao/list" href="#">Listar Promoções</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Downloads <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/downloads/premium" href="#">Premium</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Componentes <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/index/cleanCache" href="#">Limpar Cache</a></li>
                                    <li><a class="linkcontent" value="/index/email" href="#">Email</a></li>
                                    <li><a class="" value="" href="/index/jasper/id_usuario/64" target="_blank">Jasper</a></li>
                                    <li><a class="linkcontent" value="/index/message/message/S001" href="#">Message (Válida)</a></li>
                                    <li><a class="linkcontent" value="/index/message/message/S009" href="#">Message (Inválida)</a></li>
                                    <li><a class="linkcontent" value="/index/respect" href="#">Respect Validation</a></li>
                                    <li><a class="linkcontent" value="/index/endereco/cep/72610512/ajax/true" href="#">WebService (Endereço por CEP)</a></li>
                                    <li><a class="linkcontent" value="/index/cpf/numero/73762385149" href="#">WebService (CPF)</a></li>
                                    <li><a class="linkcontent" value="/index/paymentRequest" href="#">Pagamento Via PagSeguro</a></li>
                                    <li><a class="linkcontent" value="/index/checkout" href="#">SVN Update Project</a></li>
                                    <li><a class="linkcontent" value="/index/encrypt/password/minh@-senha123" href="#">Encrypt</a></li>
                                    <li><a class="linkcontent" value="/index/decrypt/hash/f9-d8-8d-5d-60-f7-46-4a-ee-b7-4-7f-92-52-69-bf-e8-6f-5e-ce-ca-12-90-f6-0-c1-f-ea-e5-d8-96-d8" href="#">Decrypt</a></li>
                                    <li><a class="linkcontent" value="/index/grid" href="#">Grid</a></li>
                                    <li><a class="linkcontent" value="/index/gantt" href="#">Gráfico de Gantt</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Temporários <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a class="linkcontent" value="/index/manterAgenda" href="#">Manter Agenda</a></li>
                                    <li><a class="linkcontent" value="/index/formUpload" href="#">Upload</a></li>
                                </ul>
                            </li>
                            <li><a href="/usuario/logoff">Sair</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <div class="container">

            <!-- Main hero unit for a primary marketing message or call to action -->
            <div class="hero-unit">
                <h1>Hello World (CF)!</h1>
                <p>Cerberos Framework (v1.0)</p>

                <hr>
                <span style="display: none;" id="loaging-content-container" class="label label-warning"><i class="icon-time icon-white"> </i>Carregando...</span>

                <hr>

                <!-- Example row of columns -->
                <div class="row">
                    <div class="containercontent">
                        <h3>Seja bem vindo(a)</h3>
                        <p><?php print("Olá, {$this->nm_usuario}"); ?></p>
                    </div>
                </div>
            </div>

            <!--modaledit-->
            <div class="modal" id="modal-edit">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3 class="title"></h3>
                </div>
                <div class="modal-body">
                    <p class="content"></p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-primary close-message-box">Ok</a>
                </div>
            </div>

            <!--messagebox-->
            <div class="modal" id="message-box">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
                    <h3 class="title"></h3>
                </div>
                <div class="modal-body">
                    <p class="content"></p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-primary close-message-box">Ok</a>
                </div>
            </div>

            <footer>
                <p>&copy; <?php print(CF_APP_NAME); ?> 2012</p>
            </footer>

        </div> <!-- /container -->
    </body>
</html>